<!DOCTYPE html>
<html>
<head>
    <title>问卷调查</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,target-densitydpi = medium-dpi">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-touch-fullscreen" content="YES">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../c_modules/css/base-min-white.css" rel="stylesheet" media="all" />
    <link rel="stylesheet" href="./css/home_new_wzdc.css"/>
</head>
<body>
    <!-- 第一页问卷题目 -->
    <div class="wapper j_wapper1" style="-webkit-overflow-scrolling:touch;">
        <img src="./images/wzdc_icon.png" style="width:100%;height:auto;"></img>
        <div class="wzdc_cont">
            <p class="wzdc_js" style="margin-bottom:.1rem;">为了给您提供更好的服务，希望您能抽出几分钟时间，将您的感受和建议告诉我们，我们非常重视每位用户的宝贵意见，期待您的参与！现在我们就马上开始吧！</p>
            <div class="wzdc_list">
                <div class="wzdc_title">1.您的年龄？<em class="red">*</em></div>
                <p class="wzdz_title_fz">这道题必须回答哦</p>
                <div class="wzdc_answers" style="margin-top:.1rem;" data-type="0">
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">18～25</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">25～35</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">35～45</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">45～55</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">55以上</div>
                    </div>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">2.您最满意我们手机证券的哪个方面？<em class="blue">[多选题]</em></div>
                <div class="wzdc_answers" style="margin-top:.1rem;" data-type="1">
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">界面UI清晰</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">使用方便流畅</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">行情和交易便捷</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">功能丰富（有掌上营业厅、实盘晒、我们机器人等丰富功能）</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">其他—</div>
                    </div>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">3.您最不满意我们手机证券的哪个方面<em class="blue">[多选题]</em></div>
                <div class="wzdc_answers" style="margin-top:.1rem;" data-type="1">
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">交易功能不够好用</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">理财产品选择不够多</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">资讯内容不够丰富</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">行情查看不好用</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">其他—</div>
                    </div>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">4.您最希望手机证券尽快实现哪个功能<em class="blue">[多选题]</em></div>
                <p class="wzdc_title" style="font-size:12px;">我们会根据您的意见，酌情提高部分功能的开发优先级</p>
                <div class="wzdc_answers" style="margin-top:.1rem;" data-type="1">
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">多账户同时登陆和自由切换</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">丰富资讯内容</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">资讯内容不够丰富</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">行情K线查看增加更多技术指标</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">自选股与PC同步</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">其他（告诉我们您最想要的功能）_</div>
                    </div>
                </div>
            </div>

            <div class="footer"><span class="btn" data-type="next">下一步</span></div>
        </div>
    </div>
    <!-- 第二页问卷题目 -->
    <div class="wapper j_wapper2"  style="display:none;">
        <div class="wzdc_cont">
            <div class="wzdc_list">
                <div class="wzdc_title">5.你最喜欢用的第三方股票软件是什么</div>
                <div class="wzdc_answers" style="margin-top:.1rem;" data-type="0">
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">同花顺</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">大智慧</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">东方财富网</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">腾讯自选股</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">雪球</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">益盟操盘手</div>
                    </div>
                    <div class="answer">
                        <div class="answer_hd"><em class="tztui-icon-checkbod"></em></div>
                        <div class="answer_bd">其他—</div>
                    </div>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">6.你最喜欢这个第三方股票软件的那些部分？</div>
                <div class="wzdc_title" style="font-size:12px;">如：行情、资讯、社交、模拟组合等...</div>
                <div class="wzdc_answers" style="margin:.1rem 0;">
                    <input type="text"></input>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">7.你对我们手机证券有什么吐槽或者建议？</div>
                <div class="wzdc_title" style="font-size:12px;">有你的帮助，我们的手机证券将做得更好</div>
                <div class="wzdc_answers" style="margin:.1rem 0;">
                    <textarea></textarea>
                </div>
            </div>
            <div class="wzdc_list">
                <div class="wzdc_title">8.如果方便，希望能留下你的联系方式</div>
                <div class="wzdc_title" style="font-size:12px;">有你的帮助，我们的手机证券将做得更好</div>
                <div class="wzdc_answers" style="margin:.1rem 0;">
                    <input type="tel"></input>
                </div>
            </div>
            <div class="footer" style="margin-top:.1rem;"><span class="btn" style="margin-right:0.1rem;" data-type="pre">上一步</span><span class="btn" style="margin-left:.1rem;"  data-type="submit">提交</span></div>
        </div>
    </div>
    <script src="../c_modules/jquery-1.7.1.min.js"></script>
    <script src="../c/TZT.js"></script>
    <script type="text/javascript">
        $(function(){
            pageEvent();
        })

        function pageEvent(){
            $('.footer .btn').unbind().on('click',function(e){
                var _this = $(this),
                    sType = _this.attr('data-type');
                if(sType=='next'){
                    $('.j_wapper1').hide();
                    $('.j_wapper2').show();
                }else if(sType=='pre'){
                    $('.j_wapper1').show();
                    $('.j_wapper2').hide();
                }else{
                    if(confirm('提交确认？')){
                        T.fn.action10002();
                    }
                }
                T.stopBubble(e);
            })

            $('.answer').unbind().on('click',function(e){
                var _this = $(this),
                    _parent = _this.parent('div'),
                    _type = _parent.attr('data-type');
                if(_type == '0') { //单选
                    _this.find('.tztui-icon-checkbod').removeClass('checked').addClass('checked');
                    _this.siblings().find('.tztui-icon-checkbod').removeClass('checked');
                } else if(_type == '1') { //复选框
                    var _checked = _this.find('.tztui-icon-checkbod');
                    if(_checked.hasClass('checked')){
                        _checked.removeClass('checked');
                    }else {
                        _checked.addClass('checked');
                    }
                }
                T.stopBubble(e);
            })
        }
    </script>
</body>
</html>